<%@page import="IO.DatabaseIO"%>
<%@page import="domein.*"%>
<%@ page import="java.util.*"%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@page import="java.net.URLDecoder"%>
<%@page import="IO.*" %>
<%@page import="java.text.DecimalFormat" %>



<%! String rol = "bezoeker";  %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HU Inschrijven &copy; 2012</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />


<%
	DatabaseIO d = new DatabaseIO();
	rol = d.getRol(""+request.getSession().getAttribute("email"));
	
	int studenten = d.telStudenten();
	int inschrijvingen = d.telInschrijvingen();
	
	int nietIngeschreven = studenten - inschrijvingen;
	
	
	%>



<script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('visualization', '1', {packages: ['corechart']});
    </script>
    <script type="text/javascript">
      function drawVisualization() {
        // Create and populate the data table.
        var data = google.visualization.arrayToDataTable([
          ['Aantal studenten', 'Hours per Day'],
          ['Ingeschreven: <%out.print(inschrijvingen); %>', <%out.print(inschrijvingen); %>],
          ['Niet ingeschreven: <%out.print(nietIngeschreven); %>', <%out.print(nietIngeschreven); %>]]
        );
      
        var options = {
     		   title:'Aantal inschrijvingen onderzoekssemester',
     		   backgroundColor: '#F4F4F4'
        };
        
        // Create and draw the visualization.
        new google.visualization.PieChart(document.getElementById('kpi')).
            draw(data, options);

        
      }
      

      google.setOnLoadCallback(drawVisualization);
    </script>


</head>

<body>

	<div class="container">

		<div class="innerContainer">
			<div class="header section">
				<a id="logo" href="index.jsp">HU</a>
				<ul id="nav">
					<li><a href="index.jsp">Home</a></li>
				<%if(rol.equals("bezoeker")){ %> <%} %>
				
				<%if(rol.equals("manager")){ %>
					<li><a href="#">Management</a>
								<ul>
									<li><a href="Manager_overzicht.jsp">Management pagina</a></li>
								</ul></li> <%} %>
				
				<%if(rol.equals("student")){ %>
				<li><a href="#">Onderzoek</a>
					<ul>
					<li><a href="Inschrijven_onderzoek.jsp">Inschrijven</a></li>
					<li><a href="Verzoeken_bekijken.jsp">Verzoeken</a> 
					<li><a href="Studenten_toevoegen.jsp">Uitnodigen</a></li>
					</ul></li>
					<%} %>
				
				<%if(rol.equals("begeleider")){ %>
					<li><a href="#">Beheren</a>
								<ul>
									<li><a href="Groepen_overzicht.jsp">Overzicht groepen</a></li>
									<li><a href="Studenten_overzicht.jsp">Overzicht studenten</a></li>
									<li><a href="Begeleider_overzicht.jsp">Overzicht begeleiders</a></li>
								</ul></li> <%} %>
				
				<%if(rol.equals("coordinator")){ %>
				<li><a href="#">Beheren</a>
						<ul>
							<li><a href="#">Student</a>
								<ul>
									<li><a href="Student_toevoegen.jsp">Toevoegen</a></li>
									<li><a href="Studenten_overzicht.jsp">Overzicht studenten</a></li>
								</ul></li>
							<li><a href="#">Begeleider</a>
								<ul>
									<li><a href="Begeleider_toevoegen.jsp">Toevoegen</a></li>
									<li><a href="Begeleider_toewijzen.jsp">Toewijzen</a></li>
									<li><a href="Begeleider_overzicht.jsp">Overzicht begeleiders</a></li>
								</ul></li>
							<li><a href="#">Onderzoek</a>
								<ul>
									<li><a href="Onderzoek_toevoegen.jsp">Toevoegen</a></li>
									<li><a href="Groepen_overzicht.jsp">Overzicht groepen</a></li>
									<li><a href="Inschrijvingen_home.jsp">Overzicht inschrijvingen</a></li>
									</li>
								</ul>
						</ul></li>
						 <%} %>
				
				
					
					<li><a href="Log_uit.jsp">Log uit</a></li>
					<div id="loginStatus">
						<%
							if (request.getSession().getAttribute("email") == null) {
								out.print("niet ingelogd");
							} else {
								out.print("Ingelogd als "
										+ request.getSession().getAttribute("email"));
							}
						%> <%
 	String message = request.getParameter("message");
 	if (message != null && !message.isEmpty()) {
 %>
						<div class="alert alert-error">
							<%
								out.println(URLDecoder.decode(message, "UTF-8") + "<br/>");
							%>
						</div> <%
 	}
 %>
 					</div>
				</ul>
				
				</div>
				
				
<!--  EIND HEAD  -->				
	
	<div class="kpi_info">
		<a class="btn" id="terug" href="Manager_overzicht.jsp" >Terug</a>
		
		<h4>Het aantal studenten dat zich daadwerkelijk inschrijft voor een onderzoek van het aantal studenten aanwezig in het systeem</h4>
		Totaal aantal studenten:<%out.print(studenten); %><br /><br />
		<p class="blue">Aantal ingeschreven studenten:<%out.print(inschrijvingen); %></p>
		<p class="red">Aantal niet ingeschreven studenten:<%out.print(nietIngeschreven); %></p>
			<p class="norm">Gezette norm:70%
		
			<%
			
			double i = (double)inschrijvingen; 
			double s = (double)studenten;
			
			if((i/s) * 100 > 70) {
				out.print("<p>Norm behaald: <label class='green'><b>Ja</b></label></p>");
			} else{
				out.print("<p>Norm behaald: <label class='red'><b>Nee</b></label></p>");
			}
				
			%>
			<br />
			<% 
			DecimalFormat decimalFormat=new DecimalFormat("###.#");
			double behaald = ((i / s) * 100);
			%>
			Behaald: <%out.print(decimalFormat.format(behaald) + "%"); %>
			</p>
	</div>
	
<div id="kpi"></div>

<div class="footer">
<div class="innerContainer">HU copyright &copy; 2012</div>
</div>
</body>
</html>